<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>海夜读</title>
  <style>
   body{background-image: url(../public/753863dbc441f2fac2b3407905de0dfc.jpeg); 
     /* 图片平铺不重复 */
     background-size: cover ;
     } 
     div,table{color: ivory;}
     .ajax1 td{width: 230px;}
     a{
       color: yellowgreen;
     }
  </style>
</head>

<body>
  <!-- 页头 -->
<div class="center">
  <h1><a href="#"> 海夜读</a></h1>
  <input type="text" placeholder="请输入书名或作者">
  <button>收索</button>
  <BUtton>书架</BUtton>
  <BUtton>登录</BUtton>
  <button>注册</button>
  <BUtton>收藏</BUtton>
</div><hr>
<div class="a1">
  <button>首页</button>
  <button>玄幻</button>
  <button>武侠</button>
  <button>都市</button>
  <button>历史</button>
  <button>科幻</button>
</div><hr>
<!-- 页体 -->
<div class="ajax">
  <table border="2" class="ajax1">
    <caption>  推荐</caption>
    <tr>
      <td rowspan="4">西游记</td>
      <td>三国演义</td>
    </tr>
    <tr>  
      <td>水浒传</td>
    </tr>
    <tr>  
      <td>红楼梦</td>
    </tr>
    <tr>  
      <td>史记</td>
    </tr>
  </table>
</div><hr>
<table border="1">
  <tr>
    <td>玄幻</td>
    <td>武侠</td>
    <td>都市</td>
    <td>历史</td>
    <td>科幻</td>
  </tr>
  <tr>
    <td>西游记</td>
    <td>侠客行</td>
    <td>校花的贴身高手</td>
    <td>红楼梦</td>
    <td>诡异分解指南</td>
  </tr>
  <tr>
    <td>剑来</td>
    <td>天龙八部</td>
    <td>叶辰夏若雪孙怡</td>
    <td>大唐扫把星</td>
    <td>出笼记</td>
  </tr>
  <tr>
    <td>天下第九</td>
    <td>倚天屠龙记</td>
    <td>都市潜龙赵东苏菲</td>
    <td>逍遥小地主</td>
    <td>星球建造师</td>
  </tr>
  <tr>
    <td>弃宇宙</td>
    <td>神雕侠侣</td>
    <td>今世猛男</td>
    <td>寒门崛起</td>
    <td>诸天大造化</td>
  </tr>
</table>
<!-- 页尾 -->
<div class="foot">
  <p>本站所有小说为转载作品，所有章节均由网友上传，转载至本站只是为了宣传本书让更多读者欣赏。<br>  
    <a href="#">联系我们</a> <hr>
    请使用者仔细阅读海夜读<a href="#">《海夜读用户服务协议》</a>、<a href="#">《隐私保护政策》</a>说明 
  </p>
</div>

</body>

</html>